<template>
  <label :for="forId" :class="labelClass">
    <slot />
  </label>
</template>

<script>
export default {
  name: 'Label',
  props: {
    forId: {
      type: String,
      default: '',
    },
  },
  computed: {
    labelClass() {
      return 'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70';
    },
  },
};
</script>

<style scoped>
/* No specific styles needed beyond Tailwind classes for now */
</style>
